.list-style {
  margin: 20px;

  &.list-style-circle {
    display: flex;
    color: #fff;
    text-align: center;

    .list-style-item {
      &.item-1 {background: #A1763A;}
      &.item-2 {background: #1c4c78;}
      &.item-3 {background: #994538;}

      width: 200px;
      height: 200px;
      border-radius: 200px;
      line-height: 200px;
      margin-left: 20px;
    }
  }

  &.list-style-group-square {
    display: flex;
    color: #fff;
    text-align: center;

    > .list-style-item {
      &.item-1 {background: #A1763A;}
      &.item-2 {background: #1c4c78;}
      &.item-3 {background: #994538;}

      width: 320px;
      height: 240px;
      font-size: 1.2em;
      padding: 3em 0 0 0;

      &.sub-item {
        .list-style-item {
          font-size: 0.8em;
          width: auto;
        }
      }
    }
  }
}
